<!-- 是否允许 -->
<template>
	<view class="flex_col center background_white" style="padding: 40rpx;padding-top: 50rpx;margin: 0rpx 100rpx;">
		<view style="font-size: 32rpx;color: black;">{{title}}</view>
		<view style="height: 32rpx;"></view>
		<view style="font-size: 26rpx;color: grey;">{{content}}</view>
		<view class="flex_row center" style="margin-top: 60rpx;">
			<fl_btn :text="cancel_text" @click="contactBtnClick(false)" font_size="28rpx" :primary="anchor_phone_visible" width="224rpx"/>
			<view style="width: 22rpx;"/>
			<fl_btn :text="confirm_text" @click="contactBtnClick(true)" font_size="28rpx" :primary="!anchor_phone_visible" width="224rpx"/>
		</view>
		<view style="height: 32rpx;"/>
		<view class="center flex_row">
			<image @click="contactAlwaysBtnClick" style="height: 30rpx;width:30rpx;" :src="anchor_phone_always_visible ? '/static/common/icon_checked.png' : '/static/common/icon_unchecked.png' "/>
			<view style="font-size: 22rpx;color: #A0ACAF;margin-left:6rpx;">{{bottom_text}}</view>
		</view>
	</view>
</template>

<script>
	import fl_btn from "../fl_btn.vue"
	export default {
		name:"confirm_contact_dialog",
		components:{
			fl_btn
		},
		data() {
			return {
				
			};
		},
		props:{
			title:{
				type:String,
				default:"默认标题"
			},
			content:{
				type:String,
				default:"默认内容"
			},
			cancel_text:{
				type:String,
				default:"取消"
			},
			confirm_text:{
				type:String,
				default:"确定"
			},
			// 默认不显示下边内容
			with_bottom:{
				type:Boolean,
				default:false
			},
			bottom_text:{
				type:String,
				default:""
			},
			// 是否允许商家联系我
			anchor_phone_visible:{
				type: Boolean,
				default: true
			},
			// 是否永远允许商家联系我
			anchor_phone_always_visible: {
				type: Boolean,
				default: false
			},
		},
		methods:{
			// 是否允许联系
			contactBtnClick(data) {
				console.log('点击了btn')
				this.$emit('contactBtnClick', data)
			},
			// 是否永远允许联系
			contactAlwaysBtnClick() {
				this.$emit('contactAlwaysBtnClick')
			}
		}
	}
</script>

<style lang="scss">

</style>
